<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
                <meta name="format-detection" content="telephone=no" />
	   <script type="text/javascript" src="../../../lib/js/require.js"></script>
     <script type="text/javascript" src="../../../lib/js/jquery.js"></script>
	   <script type="text/javascript" src="../../../lib/js/validate_UI.js"></script>
		<script type="text/javascript" src="../../../lib/js/jq.js"></script>
		<script type="text/javascript" src="../../../lib/js/dove.js"></script>
		<script type="text/javascript" src="../../../lib/js/iscroll.js"></script>
		<script type="text/javascript" src="../../../lib/js/jquery.ui.datepicker.js"></script>
		<script type="text/javascript" src="../../../lib/js/webtrends.js"></script>
		<script type="text/javascript" src="../../../lib/js/maskinput.js"></script>
		<script type="text/javascript" src="../../../lib/js/jquery.touchSwipe.min.js"></script>
		<script type="text/javascript" src="myLaiSee.js"></script>
		<link href="../../../lib/css/list.css" rel="stylesheet">
		<link href="../../../lib/css/button.css" rel="stylesheet">
		<link href="../../../lib/css/input.css" rel="stylesheet">
		<link href="../../../lib/css/panel.css" rel="stylesheet">
		<link href="../../../lib/css/uicsBase.css" rel="stylesheet">
		<link href="../../../lib/css/jquery.ui.theme.css" rel="stylesheet">
		<link href="../../../lib/css/jquery.ui.datepicker.css" rel="stylesheet">
		<link href="../../../lib/css/bb-ui-refresh.css" rel="stylesheet">
		<link href="../../../lib/css/uiGreenPacket.css" rel="stylesheet">
	</head>
<body>
	<div id="myLaiSeeLoading" role="page" class="page hidden">
		<div class="sub-page">
			<div class="ui-loader">
			   <div id="loading" class="loading defa ui-corner-all">
					<div class="loader">
					</div>
					<div class="loadtext">
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="myLaiSeeNowStaff" role="page" class="page hidden">
		<div class="subPage" for="split">
			<div id="myLaiSeeNowStaff_topSection" class="upArea staff">
				<div id="myLaiSeeNowStaff_headbar" role="headbar" class="ui-header nav-menu">
					<a id="myLaiSeeNowStaff_btn_menu_split" role="button" href="javascript:;" tabindex="1" class="nav-btn"></a>
				</div>
				<div class="icon-myLaiSeeStaff-top"></div>
			</div>
			<div id="myLaiSeeNowStaff_info" class="centerArea hidden">
				<div class="ui-waiting">
					<div class="infoContent1">
						<div><label><span class="ui-greenSpan">${nls.requestLaisees}</span></label></div>
						<div><label><span class="ui-greySpan">${nls.goodLuck}</span></label></div>
					</div>
				</div>
				<div class="ui-result hidden">
					<div class="staffResultContent">
						<div><label><span class="ui-redSpan">${nls.congrats}</span></label></div>
						<div id="congratsMsg"><label><span class="ui-greySpan"></span></label></div>
					</div>
				</div>
				<div class="ui-error hidden">
					<div class="errorContent">
						<div><label><span class="ui-greenSpan">${nls.oops}</span></label></div>
						<div><label><span class="ui-greySpan">${nls.noRightTimeMsg}</span></label></div>
						<div><label><span class="ui-greySpan">${nls.noRightTimeMsg2}</span></label></div>
					</div>
				</div>
				<div class="ui-error-collected hidden">
					<div class="errorContent">
						<div><label><span class="ui-greenSpan">${nls.oops}</span></label></div>
						<div><label><span id="collectedSpan" class="ui-greySpan"></span></label></div>
					</div>
				</div>
			</div>
			
			
			<div id="myLaiSeeNowStaff_bottomSection" class="downArea">
				<div class="icon-myLaiSeeStaff-bottom"></div>
				<div class="myLaiSeeContent">
					<div><label><span class="ui-greenSpan">${nls.myLaiSeeNow}</span></label></div>
					<div><label><span class="ui-greySpan">${nls.getLaisees}</span></label></div>
					<div class="laiseeFooter greenFooter">
						<div class="cs-laiseeAmountInfo"><label></label></div>
						<div class="ui-indicator circle">
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="subPage" for="slide">
			<div role="headbar" class="ui-header nav-menu nav-bg">
				<a id="myLaiSeeNowStaff_btn_menu" role="button" href="javascript:;" tabindex="1" class="ui-btn-dash-home">${nls.home}</a>

                <a id="btnReceived" role="button" href="javascript:;" class="ui-btn-dash-received select">Received</a>
                <a id="btnDelivered" role="button" href="javascript:;" class="ui-btn-dash-delivered">Delivered</a>

                <!-- Nick added help button start -->
				<!--<a id="myLaiSeeNowStaff_btn_help" role="button" href="javascript:;" tabindex="2" class="nav-btn hidden"></a>-->
				<!-- Nick added help button end -->
				<!--
				<div class="ui-sponsorCode"><span>${nls.uniqCode}</span><input id="sponsorCode" class="ui-input-sponsor" type="text" maxlength="3"></div>
				-->
			</div>
			<div class="ui-content laiSeesList">
				<div class="ui-container2">
					<div id="laiseeSlideWrapper" class="laiSeesWrapper forCollect position-absolute">
						<div id="laiSeesScroller" class="laiSeesScroller">
                            <!--<div class="cs-laiseeAmountInfo"><label style="color: #8bc53f;font-size: 18px;"></label></div>-->
							<!--<div id="demoSlideDiv" class="ui-div-slide icon-myLaiSeeStaff" for="slide-element">-->
								<!--<div id="slideContent4MyLaiSee" class="slideContent">-->
									<!--<div><label><span class="ui-greenSpan ui-bigSpan">${nls.myLaiSeeNow}</span></label></div>-->
									<!--<div><label><span class="ui-greySpan">${nls.getLaisees}</span></label></div>-->
								<!--</div>-->
							<!--</div>-->
						</div>
					</div>
				</div>
			</div>
			<div id="laiseeSlideFooter" class="laiseeFooter greenFooter position">
				<div id="indicator" class="ui-indicator circle">
				</div>
			</div>
			
			<!-- setting div [start] -->
			<div id="myLaiSeeNow_tutorial" class="ui-popup hidden position">
				<div class="ui-popup-wrapper icon-myLaiSeeStaff ui-bg-tutorial">
					<div class="ui-popup-content">
						<div class="ui-popup-title"><label><span>${nls.firstMyLaiSeeNow}</span></label></div>
						<div class="ui-popup-item2">
							<div><label><span class="ui-greySpan">${nls.toCollectYour}</span></label></div>
							<div><label><span class="ui-greySpan">${nls.newYearLaisee}</span></label></div>
						</div>
					</div>
				</div>
			</div>
			<!-- setting div [end] -->
		</div>
		
		<div id="redeemPopUp" class="ui-popup hidden table">
            <div class="table-cell">
                <div id="redeemList" class="redeem hidden inline">
                    <div class="redeemTitle">${nls.redeem}</div>
                    <div class="redeemInfo">${nls.redeemInfo}</div>
                    <ul class="redeemList" id="redeemUl">
                    </ul>
                    <div class="redeemButtonPanel">
                        <a id="redeemCancel" role="button" href="javascript:;" class="ui-btn-standard">${nls.redeemCancel}</a>
                        <a id="redeemContinue" role="button" href="javascript:;" class="ui-btn-standard continue">${nls.redeemContinue}</a>
                    </div>
                    <!--<div class="redeemButtonPanel">-->
                        <!--<a id="redeemContinue" role="button" href="javascript:;" class="ui-btn-standard ">${nls.redeemContinue}</a>-->
                        <!--<a id="redeemCancel" role="button" href="javascript:;" class="ui-btn-standard cancel">${nls.redeemCancel}</a>-->
                    <!--</div>-->
                </div>
            </div>
			<div class="table-cell">
                <div id="redeemForm" class="redeem hidden inline">
                    <div id="donateForm" class="hidden">
                        <div class="redeemTitle">${nls.domateCharity}</div>
                        <div class="redeemInfo">
                            <!--<div>${nls.donateInfo}</div>-->
                            <!--<div class="redeemSubTitle mt15">${nls.donateTitle}</div>-->
                            <div class="mt15">${nls.donateInfo1} <font class="redFont" id="donateMoney"></font> ${nls.donateInfo2}</div>
                            <div class="mt10">${nls.charity}</div>
                            <select class="mt10 ui-greenSelect size15" id="donateList"> </select>
                        </div>
                    </div>
                    <div id="accountForm" class="hidden">
                        <div class="redeemTitle">${nls.creditAccount}</div>
                        <div class="redeemInfo">
                            <!--<div>${nls.accountInfo}</div>-->
                            <!--<div class="redeemSubTitle mt10">${nls.accountTitle}</div>-->
                            <div class="">
                                <div id="accountMoneyHKPanel">${nls.accountInfoHK1} <font class="redFont" id="accountMoneyHK"></font> ${nls.accountInfoHK2}</div>
                                <div id="accountMoneyCNPanel" class="lineHeight19">${nls.accountInfoCN1}
                                    <font class="redFont" id="accountMoneyCN"></font> ${nls.accountInfoCN2}
                                </div>
                                <div id="accountBox" class="hidden">
                                    <div class="marginTop11">${nls.accountInfoCN3}</div>
                                    <div class="mt10" id="redeemToAccount">
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>---
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput blue"/>
                                        <input type="text" value="" maxlength="1" class="ui-accountInput blue"/>
                                    </div>
                                    <div class="redeem-account-note">
                                        <div>${nls.creditAccountNote1}</div>
                                        <div>${nls.creditAccountNote2}</div>
                                        <div>${nls.creditAccountNote3}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="redeemButtonPanel marginTop16">
                        <a id="redeemBack" role="button" href="javascript:;" class="ui-btn-standard">${nls.redeemBack}</a>
                        <a id="redeemConfirm" role="button" href="javascript:;"  class="ui-btn-standard confirm">${nls.redeemConfirm}</a>
                        <!--<a id="redeemConfirm" role="button" href="javascript:;" class="ui-btn-standard">${nls.redeemConfirm}</a>-->
                        <!--<a id="redeemBack" role="button" href="javascript:;" class="ui-btn-standard cancel">${nls.redeemBack}</a>-->
                    </div>
                </div>
			</div>
			<div class="table-cell">
                <div id="redeemCon" class="redeem hidden inline">
                    <!--<div class="redeemTitle">${nls.redeem}</div>-->
                    <div class="redeemConMessage mt30">
                        <div class="redeemSuccess"></div>
                        <!--<span class="tick"></span>-->
                        <div class="sub">${nls.thanksInfo}</div>
                        <span class="sub1">${nls.successfulInfo}</span>
                    </div>
                    <div class="redeemButtonPanel">
                        <a id="redeemOk" role="button" href="javascript:;" class="ui-btn-standard cancel">${nls.redeemOK}</a>
                    </div>
                    <!--<div class="redeemTitle">${nls.redeem}</div>-->
                    <!--<div class="redeemConMessage mt30">-->
                        <!--<span class="tick"></span><div class="sub">${nls.thanksInfo}</div>-->
                        <!--<div class="sub1">${nls.successfulInfo}</div>-->
                    <!--</div>-->
                    <!--<div class="redeemButtonPanel">-->
                        <!--<a id="redeemOk" role="button" href="javascript:;" class="ui-btn-standard cancel">${nls.redeemOK}</a>-->
                    <!--</div>-->
                </div>
			</div>
		</div>	
		<!-- setting div [start] -->
		<div id="myLaiSeeNow_setting" class="ui-popup hidden">
			<div class="ui-popup-wrapper">
				
					<div class="ui-popup-contentTop ui-popup-title ui-tuneIn-title"><label><span>${nls.tuneIn}</span></label></div>
					<div class="ui-popup-item ui-settingDiv-center">${nls.spcChannelTxt}</div>
					<div>&nbsp;</div>
					<div class="ui-popup-contentMid ui-popup-item">
						<label><div  class="ui-specifyChannelCode-div ui-popup-label-setting width-180">${nls.spcChannelCode}</div></label>
					</div>
					<div class="ui-popup-contentMid ui-popup-item">
						<span><select class="ui-setting-left" id="myLaiSeeNow_code1"> </select></span>
						<span class="settingSpan-mid">${nls.channelCodeMid}</span>
						<span class="ui-setting-rightSpan"><select class="ui-setting-right" id="myLaiSeeNow_code2"> </select></span>
					</div>
					
					<div class="ui-popup-contentMid ui-popup-item">
						<label><div  class="ui-popup-label-setting-tuneIn">${nls.settingNotesTxt}</div></label>
					</div>
				
				<div class="ui-popup-buttonSection">
					<a id="myLaiSeeNow_setting_save" class="ui-btn-standard"><span>${nls.save}</span></a>
					<a id="myLaiSeeNow_setting_cancel" class="ui-btn-standard cancel"><span>${nls.cancel}</span></a>
				</div>
			</div>
		</div>
		<!-- setting div [end] -->
	</div>

	<!-- Nick added help page start -->
	<div id="help" role="page" class="page hidden">
		<div role="headbar" class="ui-header nav-back">
			<a id="btn-help-back" role="button" href="javascript:;" class="nav-btn-back"></a>
		</div>
		<div class="aboutRedemption">
			<p class="title">${nls.aboutRedemption}</p>
			<p>${nls.treeOptions}</p>
			<p>${nls.redeemOption1}</p>
			<p>${nls.redeemOption2}</p>
			<p>${nls.redeemOption3}</p>
			<p>${nls.redeemOptionNote}</p>
		</div>
	</div>
	<!-- Nick added help page end -->
</body>
</html> 